<template>
  <div class="controller">
    <el-button type="primary" @click="handleClick">Primary</el-button>
  </div>
</template>

<script setup>
import showMsg from '@/utils/showMsg'
const handleClick = () => {
  const close = showMsg('弹窗标题',()=>{
    console.log('点击了确定')
    close()
  }) 
}
</script>

<style scoped>
.list-drag-demo {
  padding: 20px;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}

body {
  background: #ecedf2;
}
.container {
  width: 100%;
  margin: 1em auto;
}

.list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  justify-items: center;
  text-align: center;
  font-size: 14px;
  row-gap: 20px;
  color: #333;
}
.list img {
  width: 77px;
  height: 77px;
  display: block;
  margin-bottom: 5px;
  border: 2px solid #5f89cf;
  border-radius: 10px 0 10px 0;
}


</style>